<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="vue.js"></script>
	</head>
	<body>
		<!--两个大括号插值表达式 相当于vue定义变量，vue会替代他为设置值-->
		<div id="app">{{msg}}</div>
	</body>
	<script>
		<!--创建vue对象，他有一个参数，他是一个函数，匿名函数
	<!--	Vue匿名函数里的参数对象,有多个特定参数
		<!--el,elment缩写,要操作的页面上的元素
		<!--data,代表数据-->
		var data={//js对象
			msg:"hello vue."
		}
		//new Vue对象的参数是一个js对象
		//挂载点，和页面上哪个元素来对应
		//第一个data属性，第二个data事上面定义的data对象
		var vm =new Vue({
			
			el:"#app",
			data:data
		});
		
	</script>
</html>
